<!doctype html>
<html>

	<head>
		<meta charset="utf-8">
		<meta http-equiv="X-UA-Compatible" content="IE=edge">
		<meta name="renderer" content="webkit">
		<title>layer皮肤-Seaing</title>

		<link rel="stylesheet" type="text/css" href="pintuer.css">
		<link rel="stylesheet" href="demo.css" />
	</head>

	<body class="laycode">
		<div class="container margin-large-top">
			<div class="text-center margin-large-bottom">
				<h1>Layer皮肤-Seaing</h3></div>

		<p class="alert alert-red">打个广告：本站收费定制layer皮肤，有意者联系QQ：9073194注明 定制layer，另本站接受各种私单，欢迎骚扰</p>
		<h2 class="margin-big-bottom">下载</h2>

		<p>

			<a href="seaning1.1.zip" id="down" class="button bg-main">下载</a>
			<a href="http://layer.layui.com" class="button bg-blue" target="_blank">layer官网</a>
			<a href="http://layer.layui.com/api.html" class="button bg-blue" target="_blank">layer文档</a>
			<a href="http://res.sentsin.com/download/layer-v1.9.3.zip" class="button bg-blue">layer下载</a>
			<a href="/" class="button bg-gray">返回首页</a>
		</p>

		<p class="text-gray text-small">本皮肤只能用于layer1.9版本，请使用前确认你的layer版本，另本站也推荐使用1.9的版本</p>
		<h2 class="margin-big-bottom">体验</h2>
		<p>
			<a href="javascript:;" id="demo" class="button bg-dot">初体验</a>
			<a href="javascript:;" id="confirm" class="button bg-dot">询问层</a>
			<a href="javascript:;" id="msg" class="button bg-dot">提示层</a>
			<a href="javascript:;" id="iframe" class="button bg-dot">iframe层</a>
		</p>
		<h2 class="margin-big-bottom">说明</h2>
 
			 
				<blockquote  class="margin-big-bottom">
			<strong>修改记录  <small class="padding-left">2015-04-27</small> </strong>
			
		<ul class="list-box">
		<li>新增flat风格图标，替换layer默认图标，新图标大小为48px;</li>
		<li>更改按钮位置，右对齐</li>
		<li>加title的底部border,以及关闭按钮样式</li>
		<li>其他细节修改</li>
		<li>此皮肤并不影响页面层(自定义)以及tips的样式</li>
		<li>有什么bug请在下面留言</li>
		<li>已知bug
		<ul>
			<li>1.暂无修改最大最小化按钮，所以跟关闭按钮并不搭配</li>
			<li>2.iframe的时候，btn会错位</li>
		</ul>
		</li>
		</ul>
		</blockquote>
			 
				<blockquote>
			<strong>使用方法</strong> 
			<p>1.下载下来压缩包之后解压到layer的skin目录即可</p>
			<p>2.下载之后使用下面代码加载css文件
			<pre class="code">
			layer.config({
				extend:'skin/seaning/style.css'
			});</pre>
			</p>
3全局使用请配置全局参数
<pre class="code">
//在引入css的基础上配置skin参数，如下所示
layer.config({
	skin:'layer-ext-seaning',
	extend:'skin/seaning/style.css'
});</pre>
<p>2.2局部使用 
指定skin参数为layer-ext-seaning 即可</p>
				</blockquote>
		 
		<p class="text-gray text-small margin-big-top">
		注：替换的图标在下面标注ICO，默认的已被替换将不能使用
		</p>
		<h2 class="margin-big-bottom">图标</h2>
		<div class="line-big">
		 <div class="xl1 xs1 xm1 xb1">
		 <div class="media-inline">
  <div class="media clearfix">
    <img src="layer/skin/seaning/icon0.png" class="radius" alt="...">
    <div class="media-body text-center"><strong>ICO:0</strong></div>
  </div>
</div>
		 </div>
		 <div class="xl1 xs1 xm1 xb1">
		 <div class="media-inline">
  <div class="media clearfix">
    <img src="layer/skin/seaning/icon1.png" class="radius" alt="...">
    <div class="media-body text-center"><strong>ICO:1</strong></div>
  </div>
</div>
		 </div>
		 <div class="xl1 xs1 xm1 xb1">
		 <div class="media-inline">
  <div class="media clearfix">
    <img src="layer/skin/seaning/icon2.png" class="radius" alt="...">
    <div class="media-body text-center"><strong>ICO:2</strong></div>
  </div>
</div>
		 </div>
		 <div class="xl1 xs1 xm1 xb1">
		 <div class="media-inline">
  <div class="media clearfix">
    <img src="layer/skin/seaning/icon3.png" class="radius" alt="...">
    <div class="media-body text-center"><strong>ICO:3</strong></div>
  </div>
</div>
		 </div>
		 <div class="xl1 xs1 xm1 xb1">
		 <div class="media-inline">
  <div class="media clearfix">
    <img src="layer/skin/seaning/icon4.png" class="radius" alt="...">
    <div class="media-body text-center"><strong>ICO:4</strong></div>
  </div>
</div>
		 </div>
		 <div class="xl1 xs1 xm1 xb1">
		 <div class="media-inline">
  <div class="media clearfix">
    <img src="layer/skin/seaning/icon5.png" class="radius" alt="...">
    <div class="media-body text-center"><strong>ICO:5</strong></div>
  </div>
</div>
		 </div>
		 <div class="xl1 xs1 xm1 xb1">
		 <div class="media-inline">
  <div class="media clearfix">
    <img src="layer/skin/seaning/icon6.png" class="radius" alt="...">
    <div class="media-body text-center"><strong>ICO:5</strong></div>
  </div>
</div>
		 </div>
		 <div class="xl1 xs1 xm1 xb1">
		 <div class="media-inline">
  <div class="media clearfix">
    <img src="layer/skin/seaning/icon7.png" class="radius" alt="...">
    <div class="media-body text-center"><strong>ICO:7</strong></div>
  </div>
</div>
		 </div>
		 <div class="xl1 xs1 xm1 xb1">
		 <div class="media-inline">
  <div class="media clearfix">
    <img src="layer/skin/seaning/icon8.png" class="radius" alt="...">
    <div class="media-body text-center"><strong>ICO:8</strong></div>
  </div>
</div>
		 </div>
		 <div class="xl1 xs1 xm1 xb1">
		 <div class="media-inline">
  <div class="media clearfix">
    <img src="layer/skin/seaning/icon9.png" class="radius" alt="...">
    <div class="media-body text-center"><strong>ICO:9</strong></div>
  </div>
</div>
		 </div>
		 <div class="xl1 xs1 xm1 xb1">
		 <div class="media-inline">
  <div class="media clearfix">
    <img src="layer/skin/seaning/icon10.png" class="radius" alt="...">
    <div class="media-body text-center"><strong>ICO:10</strong></div>
  </div>
</div>
		 </div>
		 <div class="xl1 xs1 xm1 xb1">
		 <div class="media-inline">
  <div class="media clearfix">
    <img src="layer/skin/seaning/icon11.png" class="radius" alt="...">
    <div class="media-body text-center"><strong>ICO:11</strong></div>
  </div>
</div>
		 </div>
		 <div class="xl1 xs1 xm1 xb1">
		 <div class="media-inline">
  <div class="media clearfix">
    <img src="layer/skin/seaning/icon12.png" class="radius" alt="...">
    <div class="media-body text-center"><strong>ICO:12</strong></div>
  </div>
</div>
		 </div>
		 <div class="xl1 xs1 xm1 xb1">
		 <div class="media-inline">
  <div class="media clearfix">
    <img src="layer/skin/seaning/icon13.png" class="radius" alt="...">
    <div class="media-body text-center"><strong>ICO:13</strong></div>
  </div>
</div>
		 </div>
		</div>
</div>
<div class="container">
	<!-- 多说评论框 start -->
	<div class="ds-thread" data-thread-key="layer-seaning" data-title="layer皮肤-seaning" data-url="http://layer.seaning.com/seaning.html"></div>
<!-- 多说评论框 end -->
<!-- 多说公共JS代码 start (一个网页只需插入一次) -->
<script type="text/javascript">
var debug=false;
if(!debug){
	var duoshuoQuery = {short_name:"seaning"};
	(function() {
		var ds = document.createElement('script');
		ds.type = 'text/javascript';ds.async = true;
		ds.src = (document.location.protocol == 'https:' ? 'https:' : 'http:') + '//static.duoshuo.com/embed.js';
		ds.charset = 'UTF-8';
		(document.getElementsByTagName('head')[0] 
		 || document.getElementsByTagName('body')[0]).appendChild(ds);
	})();
	var _hmt = _hmt || [];
(function() {
  var hm = document.createElement("script");
  hm.src = "//hm.baidu.com/hm.js?2a449099f27543e543d749b0b59b7c03";
  var s = document.getElementsByTagName("script")[0]; 
  s.parentNode.insertBefore(hm, s);
})();
};
	</script>
<!-- 多说公共JS代码 end -->
</div>
<div id="footer" class="margin-large-top container text-center">
            Copyright © 2015 <a href="http://www.seaning.com">Seaning.com</a>
            <br>Powered by Seaning
        </div>
 
<script src="jquery.js"></script>
		<script src="layer/layer.js"></script>
		<script type="text/javascript" src="laycode/laycode.js"></script>
		<script>
			//全局配置
	layer.config({
		extend: ['skin/seaning/style.css'],
		skin: 'layer-ext-seaning'
	});
		</script>
	<script type="text/javascript" src="demo.js" ></script>
 </body>

</html>